<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="<?php echo admin_css;?>common.css" type="text/css"/>
    <link rel="stylesheet" href="<?php echo admin_css;?>admin.css" type="text/css"/>
    <link rel="stylesheet" href="<?php echo admin_css;?>base.css" type="text/css"/>
    <script type="text/javascript" src="<?php echo admin_js; ?>jquery-2.1.0.js"></script>
    <script type="text/javascript" src="<?php echo admin_js;?>common.js"></script>
    <style type="text/css">
        .content {
            width: 721px;
            height: 711px;
            margin: 0 auto;
        }

        .stitle {
            overflow: hidden;
            width: 623px;

            border-bottom: 1px solid #e9ecf3;

        }

        .neirong {
            margin-top: 20px;
            width: 722px;
            height: 635px;
            border: 2px solid red;
            border-bottom: 2px solid #ccc;
        }

        .stitle ul li {
            display: block;
            float: left;
            width: 100px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            font-weight: bold;
        }

        .act_content {
            width: 721px;
            height: 301px;
            margin-bottom: 20px;

            border: 1px solid red;

        }

        .act_content_inp {
            width: 300px;
            height: 120px;
            float: right;
            border: 1px solid blue;
        }

        .act_content_left {

            position: relative;
            float: left;
            width: 631px;
            height: 294px;
        }

        .act_content_right {
            position: relative;
            float: right;
            width: 88px;
            height: 294px;

        }

        .inp_log {
            margin-top: 10px;
            margin-left: 0px;
            margin-bottom: 10px;
            width: 290px;
            height: 40px;
        }

        .between_button {
            width: 274px;
            border: 2px solid red;
            height: 120px;
        }

        .textare {
            clear: both;
            margin-top: 20px;
            width: 595px;
            height: 122px;

        }

        .line {
            width: 726px;

            height: 193px;
        }

        .edit {
            height: 188px;
            width: 636px;
            float: left;
            border: 2px solid red;
            margin-bottom: 20px;

        }

        .line_right {
            width: 80px;
            height: 188px;
            position: relative;
            border: 1px solid red;
            float: left;
        }

        .edit_left {
            width: 180px;
            height: 186px;
            border: 3px solid red;
            float: left;
            position: relative;
        }

        .edit_right {
            width: 400px;
            height: 186px;
            float: left;

            position: relative;
        }

        .edit_right input, select {
            display: inline;
            float: left;
        }

        .edit_left_cont {
            width: 145px;
            height: 145px;
            background: #fff;
        }

        .edit_log {
            width: 190px;
            height: 33px;
            float: left;
        }

        .edit_textare {
            width: 442px;
            height: 120px;
        }

        .textare {
            margin-top: 10px;
        }

        .rate {
            width: 330px;
            height: 243px;
            float: left;
            border: 1px solid red;
        }

        .rate_textare {
            display: block;
            width: 310px;
            height: 124px;

        }

        .nn {
            width: 310px;
            border: 1px solid yellow;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="content">
        <div class="stitle">
            <ul>
                <li class="open">热卖推荐</li>
                <li class="close">新品推荐</li>
                <li class="close">月活动</li>
                <li class="close">优惠卷</li>
            </ul>
        </div>
        <div class="neirong">
            <div class="edit grey">

                <div class="edit_left ">
                    <div class="edit_left_cont veti ">
                        <div class="" style="">
                            <button class="veti">上传图片</button>
                        </div>
                    </div>
                </div>
                <div class="edit_right">
                    <div class="apeak">
                        <input class="inp_w190 " placeholder="商品名称">
                        <input class="inp_w190 w100 ml10 " placeholder="价格">
                        <select class="sel_w190 ml10 w100" placeholder="可预定">
                            <option>1</option>
                        </select>
                        <textarea class="textare edit_textare" placeholder="商品信息，信息"></textarea>
                    </div>
                </div>
            </div>
            <div class="edit grey">

                <div class="edit_left ">
                    <div class="edit_left_cont veti ">
                        <div class="" style="">
                            <button class="veti">上传图片</button>
                        </div>
                    </div>
                </div>
                <div class="edit_right">
                    <div class="apeak">
                        <input class="inp_w190 " placeholder="商品名称">
                        <input class="inp_w190 w100 ml10 " placeholder="价格">
                        <select class="sel_w190 ml10 w100" placeholder="可预定">
                            <textarea class="textare edit_textare" placeholder="商品信息，信息"></textarea>
                    </div>
                </div>
            </div>
            <div class="edit grey">

                <div class="edit_left ">
                    <div class="edit_left_cont veti ">
                        <div class="" style="">
                            <button class="veti">上传图片</button>
                        </div>
                    </div>
                </div>
                <div class="edit_right">
                    <div class="apeak">
                        <input class="inp_w190 " placeholder="商品名称">
                        <input class="inp_w190 w100 ml10 " placeholder="价格">
                        <select class="sel_w190 ml10 w100" placeholder="可预定">
                            <textarea class="textare edit_textare" placeholder="商品信息，信息"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="neirong" style="display: none">
            <div class="line">
                <div class="edit grey">

                    <div class="edit_left ">
                        <div class="edit_left_cont veti ">
                            <div class="" style="">
                                <button class="veti">上传图片</button>
                            </div>
                        </div>
                    </div>
                    <div class="edit_right">
                        <div class="apeak">
                            <input class="inp_w190 " placeholder="商品名称">
                            <input class="inp_w190 w100 ml10 " placeholder="jia">
                            <select class="sel_w190 ml10 w100" placeholder="可预定">
                            <textarea class="textare edit_textare" placeholder="商品信息，信息">
                           </textarea>
                        </div>
                    </div>
                </div>
                <div class="line_right">
                    <button class="veti bt_cw">删除</button>
                </div>
            </div>
            <div class="line">
                <div class="edit grey">

                    <div class="edit_left ">
                        <div class="edit_left_cont veti ">
                            <div class="" style="">
                                <button class="veti">上传图片</button>
                            </div>
                        </div>
                    </div>
                    <div class="edit_right">
                        <div class="apeak">
                            <input class="inp_w190 " placeholder="商品名称">
                            <input class="inp_w190 w100 ml10 " placeholder="jia">
                            <select class="sel_w190 ml10 w100" placeholder="可预定">
                            <textarea class="textare edit_textare" placeholder="商品信息，信息">
                           </textarea>
                        </div>
                    </div>
                </div>
                <div class="line_right">
                    <button class="veti bt_cw">删除</button>
                </div>
            </div>
            <div class="line">
                <div class="edit grey">

                    <div class="edit_left ">
                        <div class="edit_left_cont veti ">
                            <div class="" style="">
                                <button class="veti">上传图片</button>
                            </div>
                        </div>
                    </div>
                    <div class="edit_right">
                        <div class="apeak">
                            <input class="inp_w190 " placeholder="商品名称">
                            <input class="inp_w190 w100 ml10 " placeholder="jia">
                            <select class="sel_w190 ml10 w100" placeholder="可预定">
                            <textarea class="textare edit_textare" placeholder="商品信息，信息">
                           </textarea>
                        </div>
                    </div>
                </div>
                <div class="line_right">
                    <button class="veti bt_cw">删除</button>
                </div>
            </div>
        </div>
        <div class="neirong" style="display: none">

        </div>
        <div class="neirong" style="display: none">
            <div class="rate grey " style="position: relative">
                <div class="veti nn">
                    <select class="w130">
                        <option> 现金卷</option>
                    </select>
                    <input type="text" class="ip_rate" placeholder="(相应折扣)">
                    <textarea class="textare rate_textare mt10 level" placeholder="商品信息，信息">
                    </textarea>
                    <button class="level bt_cw mt20">删除</button>
                </div>
            </div>
            <div class="rate grey ml30" style="position: relative">
                <div class="veti nn">
                    <select class="w130">
                        <option> 现金卷</option>
                    </select>
                    <input type="text" class="ip_rate" placeholder="(相应折扣)">
                    <textarea class="textare rate_textare mt10 level" placeholder="商品信息，信息">
                    </textarea>
                    <button class="level bt_cw mt20">删除</button>
                </div>
            </div>
        </div>

    </div>
    <div class="pagination">
        <div>
            <button>上一页</button>
            <div class="pagin">
                <ul>
                    <li class="active">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                </ul>
            </div>
            <button>上一页</button>
        </div>
    </div>
</div>


</div>

</body>
</html>